<template>
  <div id="profile">
    <!-- 头部区域 -->
    <pro-header></pro-header>
    <!-- 信息区域 -->
    <pro-info ></pro-info>
    <!-- 订单相关列表 -->
    <pro-lists :viewList="orderList"></pro-lists>
    <!-- 服务相关列表 -->
    <pro-lists :viewList="serviceList"></pro-lists>
  </div>
</template>

<script>
  import proHeader from './childcpm/pro-header.vue'
  import proInfo from './childcpm/pro-info.vue'
  import proLists from './childcpm/pro-lists.vue'
  export default {
    name: "profile",
    data() {
      return {
        orderList: [{
            icon: 'message.png',
            info: '我的消息'
          },
          {
            icon: 'pointer.png',
            info: '积分商城'
          },
          {
            icon: 'vip.png',
            info: '会员卡'
          }
        ],
        serviceList: [{
            icon: 'cart.png',
            info: '我的购物车'
          },
          {
            icon: 'app.png',
            info: '下载购物APP'
          },
        ]
      }
    },
    components: {
      proHeader,
      proInfo,
      proLists
    }
  }
</script>

<style scoped>
</style>
